/* 
Document   : layout
Created on : June 25, 2007, 6:21 PM
Author     : kabad
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/

body{

   background-color: #6692c1;
   margin-bottom: 10px;
   margin-left: 5px;
   padding-right :10px;
   margin-right: 10px;
   margin-top: 10px
}
#contGeneral{
 
   background:#D7E7FE ;
 
   padding:5px 150px 5px 180px;
}

#container{
   background-color : white;
   float:left;
   width:100%;
  
   border-left:180px solid #eff4fb; 
   /* The width and color of the left rail */
   border-right:150px solid white;
  
  
  
  
   /* The width and color of the right rail */
   margin-left:-180px;
  
  
  
  
  
  
 
   margin-right:-150px;
  
  
  
  
  
  
   display:inline;
  
  
  
  
  
  
 
   /* So IE plays nice */
}

#menu{
  
  
  
   left :5px;
  
  
  
   height:24px;
  
  
  
   background: #2364A5}

#banner{
  
  
  
   height:96px;
  
  
  
   background:#D7E7FE url(/VWAJonas/recursos/imagenesWeb/fondobanner.gif) }


.navegacion{
  
  
  
  
  
  
  
  
  
   height:22px;
  
  
  
  
  
  
  
  
  
   background:#B9D3F3}

#leftRail{
  
  
  
  
  
  
  
  
  
   height :100% ;
  
  
  
  
  
  
  
  
  
   float:left;
  
  
  
  
  
  
  
  
  
   width:180px;
  
  
  
  
  
  
  
  
  
   margin-left:-180px;
  
  
  
  
  
  
  
  
  
   padding: -10px;
  
  
  
  
  
  
  
  
  
   position:relative;
  
  
  
  
  
  
  
  
  
}
#center{
 background:white;
 float:left;
 width:100%;
   padding: 0px;
   margin-right:-100%;
 }

.contenido{
  position :relative;

  background-color : olive;
  /*height :300px ;*/

 margin-right:-100%;
 }


#rightRail{
  
  
  
  
  
  
  
  
  
   float:right;
  
  
  
  
  
  
  
  
  
   width:150px;
  
  
  
  
  
  
  
  
  
   margin-right:-150px;
  
  
  
  
  
  
  
  
  
   position:relative;
  
  
  
  
  
  
  
  
  

}
#header{
  
  
  
  
  
  
  
  
  
   clear: both;
  
  
  
  
  
  
  
  
  
   height: 120px;
  
  
  
  
  
  
  
  
  
   margin-left: -180px;
  
  
  
  
  
  
  
  
  
   margin-right: -150px
}

#footer{
  
  
  
  
  
  
   clear: both;
  
  
  
  
  
  
   background-color : gray;
  
  
  
  
  
  
   height:25px;
  
  
  
  
  
  
   margin-left: -180px;
  
  
  
  
  
  
   margin-right: -150px;
  
  
  
  
  
  
   padding-bottom :5px ;
  
  
  
  
  
  
   background:#D7E7FE url(/VWAJonas/recursos/imagenesWeb/pie.gif) repeat-x
}

.bordered {
   background-color: #D7E7FE;
   border: 3px #f2a516 solid;
   height: 100%;
   padding-bottom: 16px;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 8px;
   width: 100%
}

/* Div con nombre de usuario */
.divUsuario{
   background: #f9f3dc;
   background-color: #f9f3dc;
   height: 40px;
   left: 15px;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 150px
}